//导入vue构造函数
import Vue from 'vue'
// 导入重置浏览器差异的样式文件 前面是包名后面是地址
import 'normalize.css/normalize.css' // A modern alternative to CSS resets
//导入ElementUI插件被use的就是插件
import ElementUI from 'element-ui'
//导入ElementUI主题
import 'element-ui/lib/theme-chalk/index.css'
//lang i18n软件国际化多语言支持 （体现在网页右上角的中英文切换}
import locale from 'element-ui/lib/locale/lang/zh-CN' // lang i18n
//导入全局样式 自己写的scss
import '@/styles/index.scss' // global css
//导入跟组件App
import App from './App'
//导入vuex的store对象 导入的是文件 index
import store from './store'
//导入vue-router实例对象
import router from './router'
//导入图标文件svg
import '@/icons' // icon
//权限控制（）
import '@/permission' // permission control
//导入自定义插件
import MyPlugin from '@/utils/plungin.js'
//图片解析失败后默认显示的图片  default:是变量名字 defaultImg是属性值， 取defaultImg中的值通过对象.属性名
// 如果在Vue.use方法的第二个参数传递一个数据，那么传递给了谁？install方法的第二个参数
import defaultImg from '@/assets/common/head.jpg'
//自定义插件的值
Vue.use(MyPlugin, { default: defaultImg })

//production生产环境 指测试代码 developent开发环境
//此代码表示如果是开发环境 启用mockXHR接口服务，实现模拟接口的功能（用js代码写的假接口）
// 实现模拟接口的功能（用js代码写的假的临时接口）
if (process.env.NODE_ENV === 'production') {
    const { mockXHR } = require('../mock')
    mockXHR()
}

// set ElementUI lang to EN
Vue.use(ElementUI, { locale }) //配置ElementUI插件并且传递插件的配置选项语言国际化的支持
    // 如果想要中文版 element-ui，按如下方式声明
    // Vue.use(ElementUI)

//有定义的提示
Vue.config.productionTip = false

//实例化vue  做了一件事 把app跟组件怪哉到indenx。html页面的id是app的div里面

new Vue({
    el: '#app',
    router,
    store,
    render: h => h(App)
})